
先把功能做起來,再來打磨 UI 和產品細節
今天請 Claude Code 幫我實作呼吸練習的核心流程。
選擇當下感受 → 選擇呼吸練習方式和時間 → 開始進行呼吸練習
目前已經完成了第一個版本,錄了一段 GIF 分享給大家。

背景造成的文字可讀性不佳問題
延用藍天背景後,其他頁面的部分白色文字變得不容易閱讀。後續會考慮調整非首頁畫面的背景與文字樣式,或以卡片承載資訊,讓文字與背景有所區隔。這部分會在後續調整。

主觀感受:動畫/畫面元素過於單調
目前的動畫是讓圓圈隨著呼吸節奏放大、縮小。我覺得視覺上略顯單調,後續想探索其他呈現方式。

其他 UI 元件一致性與定義
目前我還沒有明確定義字體、顏色、間距,以及按鈕、標籤等 UI 元件的樣式,導致實作出來的按鈕尺寸、不同畫面的字級不一致。後續會先整理這些定義,再和 AI 一起調整。
明天將會進行呼吸練習紀錄視覺化的開發,完成後再分享 Demo 及心得,明天見,Cheers 🍻